<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport"
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable = no">
<meta name="viewport"
	content="width=device-width,initial-scale=1.0,maximum-scale=1, minimum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no">
<link href="http://static.cakeboss.com.cn/guangsheLogo.svg"
	rel="shortcut icon">
<link rel="stylesheet"
	href="http://static.cakeboss.com.cn/swiper-4.3.3.min.css">
<!-- 图片轮播 -->
<link rel="stylesheet"
	href="http://static.cakeboss.com.cn/amazeui.min.css">

<link rel="stylesheet" href="/static/css/common.css">
<link rel="stylesheet" href="/static/css/color.css">
<link rel="stylesheet" href="/static/css/pcDetail.css?version20181011">
<link rel="stylesheet" href="http://static.cakeboss.com.cn/layer.css">
<link rel="stylesheet" href="/static/css/iconfont.css">
<link rel="stylesheet"
	href="http://static.cakeboss.com.cn/mobiscroll.custom-3.0.0-beta6.min.css">



<script src="http://static.cakeboss.com.cn/jquery-1.12.0.min.js"
	type="text/javascript"></script>  
<script src="http://static.cakeboss.com.cn/swiper-4.3.3.min.js"
	type="text/javascript"></script>
<script src="http://static.cakeboss.com.cn/lazyload.js"
	type="text/javascript"></script>
<script
	src="http://static.cakeboss.com.cn/mobiscroll.custom-3.0.0-beta6.min.js"></script>
<script src="http://static.cakeboss.com.cn/intense.js"></script>
<script src="http://static.cakeboss.com.cn/jquery.cookie.js"></script>
<script src="http://static.cakeboss.com.cn/uaredirect.js"></script>
<!-- 切换手机电脑端首页 -->
<!-- 图片轮播 -->
<script type="text/javascript"
	src="http://static.cakeboss.com.cn/amazeui.min.js"></script>
<!-- PC城市选择 -->
<script src="http://static.cakeboss.com.cn/distpicker.data.js"></script>
<script src="http://static.cakeboss.com.cn/distpicker.js"></script>

<link rel="stylesheet/less" type="text/less"
	href="/static/css/customStyle.less" />
<script type="text/javascript"
	src="http://static.cakeboss.com.cn/less.js"></script>

<!-- 轮播图 -->
<link rel="stylesheet"
	href="https://www.foam.org/vendor/fullpage/jquery.fullPage.css">
<script type="text/javascript"
	src="https://www.foam.org/vendor/fullpage/vendors/jquery.easings.min.js"></script>
<script type="text/javascript"
	src="https://www.foam.org/vendor/fullpage/jquery.fullPage.min.js"></script>
<script type="text/javascript"
	src="https://www.foam.org/js/vendor/jquery.slimscroll.min.js"></script>

<%-- <%@include file="../chat/commonChat.jsp"%>  --%>
<style type="text/css">
#preloadingImg {
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 999;
	justify-content: center;
	display: flex;
	align-items: center;
	background: #fff;
	opacity: 0.9;
}

#preloadingImg img {
	width: 100px;
}

@media screen and (max-width:500px) { //
	手机端 
	#preloadingImg img {
		width: 60px;
	}
}
</style>
</head>
<!-- 聊天按钮 -->
<!-- <a class="serviceOnlineBox" href="/chat">
	<div class="serviceOnline_div">		
		<span id="chatNum" class="chatNumBox" style="display: none"></span>
	</div>
</a>  -->
<script type="text/javascript"
	src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<body>
	<!--  页面加载完成前显示的图片 -->
	<div id="preloadingImg">
		<img src="/static/images/loading1.gif">
	</div>
</body>

<script type="text/javascript">
$(".compositionBox img").lazyload();/* 所有文章里的图片懒加载 */
window.onload = function (){
    $("#preloadingImg").hide();
};  
$(function(){
    commonInit.init();
    commonInit.initListener();
});
var wxObject = {
		init : function() {
			var url = location.href.split('#')[0];
			$.ajax({
				url : "/wx/sign",
				async : false,
				data : {
					url : url
				},
				success : function(response) {
					if (response.errcode == 0) {
						wx.config({
							debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
							appId : response.appid, // 必填，公众号的唯一标识
							timestamp : response.timestamp, // 必填，生成签名的时间戳
							nonceStr : response.nonceStr, // 必填，生成签名的随机串
							signature : response.signature,// 必填，签名，见附录1
							jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',
									'onMenuShareAppMessage', 'onMenuShareQQ',
									'onMenuShareWeibo', 'hideMenuItems',
									'showMenuItems', 'hideAllNonBaseMenuItem',
									'showAllNonBaseMenuItem', 'translateVoice',
									'startRecord', 'stopRecord', 'onRecordEnd',
									'playVoice', 'pauseVoice', 'stopVoice',
									'uploadVoice', 'downloadVoice',
									'chooseImage', 'previewImage',
									'uploadImage', 'downloadImage',
									'getNetworkType', 'openLocation',
									'getLocation', 'hideOptionMenu',
									'showOptionMenu', 'closeWindow',
									'scanQRCode', 'chooseWXPay',
									'openProductSpecificView', 'addCard',
									'chooseCard', 'openCard' ]
						});
					}
				}
			}); 
		},

		initShareListener : function(title, desc, img, link, successCallback) {
			//初始化分享
			wx.onMenuShareAppMessage({
				title : title,
				desc : desc,
				link : link,
				imgUrl : img,
				success : function(res) {
					alert("分享成功!");

					if (successCallback) {
						successCallback();

					}
				},
				cancel : function(res) {
					alert("分享取消!");

				},
				fail : function(res) {
					alert("分享出错!");
				}
			});
			wx.onMenuShareTimeline({
				title : title,
				desc : desc,
				link : link,
				imgUrl : img,
				success : function(res) {
					if (successCallback) {
						successCallback();
					}
				},
				cancel : function(res) {

				},
				fail : function(res) {
					alert("分享出错!");
				}
			});
		},
		chooseWXPay : function(config, success, cancel) {
			wx.chooseWXPay({
				appId : config.appid,
				timestamp : config.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
				nonceStr : config.nonceStr,//'${nonceStr}', // 支付签名随机串，不长于 32 位
				package : 'prepay_id=' + config.prepayId, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
				signType : 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
				paySign : config.signature, // 支付签名
				success : function(res) {
					// 支付成功后的回调函数
					alert('success');
					success();
				},
				cancel : function() {
					if (cancel) {
						alert('cancle');
						cancel();
					}
				}
			});
		}
	}
var scrWidth = window.screen.width;  
var commonInit={
    init:function(){
    	var distinguish = $.cookie('distinguish');
    	commonInit.distinguishFunc(distinguish);
    }, 
    initListener:function(){        
    	//手机端点击关闭侧边栏按钮功能
    	$(".closeMenuBox").click(function(even){
 	        $(this).parents("#menuList").offCanvas('close');
 	        even.stopPropagation(); 
 	    });   
    	//PC端头部菜单点亮   
    	$(function(){
    		var selectedMenu=$("#selectedMenu").val();
    		var Arr=[];
    		$(".headerRightBox>a").each(function(i){
    			Arr[i]=$(this).data("html");   
    			if(Arr[i]==selectedMenu){    
    				console.log(Arr[i],"Arr[i]")
    				$(this).addClass("selectedItem").siblings("a").removeClass("selectedItem"); 
    			}   
    		});
    	});   
    	//切换中英文
    	$(".headerEnglishBtnBox").click(function(){
    		var distinguish = $(this).data("value");
    		console.log(distinguish,"distinguish");
    		$.cookie('distinguish', distinguish);
    		commonInit.distinguishFunc(distinguish);
    		//切换中英文后，菜单栏隐藏  
    		$(this).parents("#menuList").offCanvas('close');
    	});  
    	/* 监听验证码框输入后跳转 */  
		$("body").bind("input porpertychange",".login-code",function(){
		    var diffBtn=$("#diffBtn").val();
            if(diffBtn==="2"){
                var code=$(".login-code").val();
                if(code.length==4){
					  var validateText = addressCommonInfo.validate();
					  var phone = $(".login-phone").val();
					  var code = $(".login-code").val();
					  if(validateText){
						  layer.msg(validateText);
					  }else {
						  $.ajax({
								 type: 'POST',
								 url: "/user/login",
								 data: {"phone":phone,"code":code}, 
								 dataType: 'json',
								 success:function(data) {  
									 if(data.code=="200"){
										 $(".layui-layer-btn0").click();
									 }else{  
										 layer.msg("验证码错误");
									 }
								 },
							     error : function() {  
							          return layer.msg("异常！");  
							     }  
							});
					  }
                }else{
                	return;
                }
            }else{
            	return;
            }
		});
		//手机号码框监听 
		$("body").bind("input porpertychange",".layui-layer .login-phone",function(){ 
			var mbTest = /^(1)[0-9]{10}$/;     
			var phone = $(this).val();  
		    if (mbTest.test(phone)) { //手机号格式正确
		    	$(".layui-layer .btnSendCode").addClass("code-blue");
		        $(".layui-layer .btnSendCode").removeAttr("disabled");
		    }else{
		    	$(".layui-layer .btnSendCode").removeClass("code-blue");
		        $(".layui-layer .btnSendCode").prop("disabled",true);
		    } 
		}); 
		//获取手机验证码
		var InterValObj; //timer变量，控制时间
		var count = 59; //间隔函数，1秒执行
		var curCount;//当前剩余秒数
		$("body").bind("click",".btnSendCode",function(){
			var phone=$(".layui-layer .login-phone").val();   
		    var code=$(".layui-layer .login-code").val();
		    curCount = count;
		    //设置button效果，开始计时
		     $(".btnSendCode").removeClass("code-blue");
		     $(".btnSendCode").attr("disabled", "true");
		     $(".btnSendCode").val( curCount + "秒后重新获取");
		     InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
		    //向后台发送处理数据
		     $.ajax({
		        type: "post", //用POST方式传输
		        dataType: "json", //数据格式:JSON
		     　　url: "", //目标地址
		    　　 data: {"phone":phone},
		    　　 error: function (XMLHttpRequest, textStatus, errorThrown) { 
		     	},
		     　　success: function (data){ 
		    	 	if(data.code == 200) {
		    	 		alert("发送成功");
		    	 	}
		     　　} 
		     });  
		}); 
		//timer处理函数
		function SetRemainTime() {
		    if (curCount == 0) {                
		        window.clearInterval(InterValObj);//停止计时器
		        $(".btnSendCode").addClass("code-blue");
		        $(".btnSendCode").removeAttr("disabled");//启用按钮
		        $(".btnSendCode").val("重新获取验证码");
		    }
		    else {
		        curCount--;
		        $(".btnSendCode").val(curCount + "秒后重新获取");
		    }
		}
		var i = 10;  
		function remainTime(){  
		    if(i==0){  
		        location.href='${ctx}';  
		    }  
		    document.getElementById('endtime').innerHTML=i--;  
		    setTimeout("remainTime()",300);  
		} 
    },
	distinguishFunc:function(distinguish) {
		console.log(distinguish,"distinguishFunc里的distinguish")
		if(distinguish=="english"){//切换到英文
			//文章内容
			$(".enContainer,.enDetailMainTitle").show();
			$(".cnContainer,.cnDetailMainTitle").hide();
		}else{//切换到中文  
			//文章内容  
			$(".cnContainer,.cnDetailMainTitle").show(); 
			$(".enContainer,.enDetailMainTitle").hide();
		}
		if(scrWidth > 500){    //电脑端
			if(distinguish=="english"){//切换到英文
				//头部样式
				$(".chineseHeader .pcHeader").css("opacity","0");
				$(".chineseHeader .pcHeader").css("top","-50px");
				$(".englishHeader .pcHeader").css("opacity","1"); 
				$(".englishHeader .pcHeader").css("top","0");
			}else{//切换到中文
				//头部样式
				$(".englishHeader .pcHeader").css("opacity","0");
				$(".englishHeader .pcHeader").css("top","-50px");
				$(".chineseHeader .pcHeader").css("opacity","1"); 
				$(".chineseHeader .pcHeader").css("top","0"); 
				$(".enContainer").hide();
				$(".cnContainer").show();   
			}
		}else{//手机端
			if(distinguish=="english"){//切换到英文
				//头部样式
				$(".chineseHeader .wapHeader").hide();
				$(".englishHeader .wapHeader").show();
			}else{//切换到中文
				//头部样式
				$(".englishHeader .wapHeader").hide();
				$(".chineseHeader .wapHeader").show();
			}  
		}
		if(distinguish=="english"){//切换到英文
			//底部样式
			$(".englishFooter").show();
			$(".chineseFooter").hide();
			$(".statusTag-english").css("display","inline-block");
			$(".statusTag-chinese").hide();
		}else{//切换到中文
			//底部样式 
			$(".chineseFooter").show();
			$(".englishFooter").hide(); 
			$(".statusTag-chinese").css("display","inline-block");
			$(".statusTag-english").hide();
		}
	},
  //登录弹窗
	loginLayer : function(goodId,url){
		var goodsNum = $(".num").val();
		layer.open({  
			title:'注册/登录',       
			skin: 'custom-layerClass', //定义弹窗样式
   	        shadeClose: true, //开启遮罩关闭
    		btnAlign: 'c',
    		btn:['确认','关闭'],
    		area:'80%',
    		resize:false,  
    		isOutAnim: false,     
    		content:$('#login-pop').html(),  
    		yes: function(index, layero){           
    			var mbTest = /^(1)[0-9]{10}$/;
				var phone = $(".layui-layer .login-phone").val();
				var code = $(".layui-layer .login-code").val();
				if(!mbTest.test(phone)){  
					alert('请检查手机号码~');
					return false;     
				}     
				if(code.length!=4){  
					alert('请检查短信验证码~');
					return false;       
				}     
				layer.load(2);   
				$.ajax({ 
					url : "/wap/login",
					data : {
						'phone' : phone,
						'code' : code, 
					},
					type : "post",
					success : function(data) {
						layer.closeAll("loading");
						if (data.code == 200) { 
							var viewId = data.data.viewId;
							if(spuDetail.isWeiXin()){
								 var redirectUri = url;
								 var r_u =encodeURI(redirectUri + "/uid/"+viewId);
								 var authUrl = "/wx/auth?redirectUri=" + r_u;
								 location.replace(authUrl); 
								 layer.msg("正在跳转微信授权~");
								 return;
							}else{
								window.location.replace(url);	
							} 
						} else {
							layer.msg(data.msg);
						}
					},
					error : function() { 
						layer.closeAll("loading");
						layer.msg("error !");  
					}  
				});
		    }    
		});     
	},
	loginPhone : function() {
		//手机号码框监听
		$("body").bind("input porpertychange",".layui-layer .login-phone",function(){ 
			var mbTest = /^(1)[0-9]{10}$/;     
			var phone = $(this).val();  
		    if (mbTest.test(phone)) { //手机号格式正确
		    	$(".layui-layer .btnSendCode").addClass("code-blue");
		        $(".layui-layer .btnSendCode").removeAttr("disabled");
		    }else{
		    	$(".layui-layer .btnSendCode").removeClass("code-blue");
		        $(".layui-layer .btnSendCode").prop("disabled",true);
		    } 
		}); 
	},
	sendCode : function() {
	    //获取手机验证码
		var InterValObj; //timer变量，控制时间
		var count = 59; //间隔函数，1秒执行
		var curCount;//当前剩余秒数
		$("body").bind("click",".btnSendCode",function(){
			var phone=$(".login-phone").val();   
		    var code=$(".login-code").val();
		    curCount = count;
		    //设置button效果，开始计时
		     $(".btnSendCode").removeClass("code-blue");
		     $(".btnSendCode").attr("disabled", "true");
		     $(".btnSendCode").val( curCount + "秒后重新获取");
		     InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
		    //向后台发送处理数据
		     $.ajax({
		        type: "post", //用POST方式传输
		     　　dataType: "json", //数据格式:JSON
		     　　url: "/wap/login/sendlogincode", //目标地址
		    　　 data: {"phone":phone},
		    　　 error: function (XMLHttpRequest, textStatus, errorThrown) { 
		     	},
		     　　success: function (data){ 
		    	 	if(data.code == 200) {
		    	 		layer.msg("发送成功");
		    	 	}
		     　　}
		     });  
		});  
		//timer处理函数
		function SetRemainTime() {
		    if (curCount == 0) {                
		        window.clearInterval(InterValObj);//停止计时器
		        $(".btnSendCode").addClass("code-blue");
		        $(".btnSendCode").removeAttr("disabled");//启用按钮
		        $(".btnSendCode").val("重新获取验证码");
		    }
		    else {
		        curCount--;
		        $(".btnSendCode").val(curCount + "秒后重新获取");
		    }
		}
		var i = 10;  
		function remainTime(){  
		    if(i==0){  
		        location.href='${ctx}';  
		    }  
		    document.getElementById('endtime').innerHTML=i--;  
		    setTimeout("remainTime()",300);  
		} 
	},
	isWeiXin : function() {
		var ua = window.navigator.userAgent.toLowerCase();
		if (ua.match(/MicroMessenger/i) == 'micromessenger') {
			return true;
		} else {
			return false;
		}     
	},  
	swiperIndexPage:function(){   
		//顶部banner轮播页 
		/* $('.topBanner').flexslider({
			directionNav: true,             // Boolean: 是否创建上/下一个按钮（previous/next）
			controlNav: false,               // Boolean: 是否创建控制点
			slideshowSpeed: 3000,           // Integer: ms 滚动间隔时间
			animationSpeed: 600,            // Integer: ms 动画滚动速度
			smoothHeight: true,            // Boolean: 当 slide 图片比例不一样时
								            // "true": 父类自动适应图片高度
								            // "false": 不自动适应，父类高度为图片的最高高度，默认为false
								            
            slideshow: false,                // Boolean: 是否自动播放
		});   */ 
		
		var mySwiper = new Swiper('.topBanner',{
			slidesPerView : 1,
			loop:true,
		    navigation: {
		        nextEl: '.swiper-button-next',
		        prevEl: '.swiper-button-prev',
		    },
		    lazy: true,
		    /* loadPrevNext: true, */
		    autoHeight: true, //高度随内容变化
        })   
	},
	indexCardSwiper:function(){
		if(scrWidth > 500){//电脑端
			var mySwiper=new Swiper(".index-card-swiper",{
				slidesPerView : 4,
				loop:true,  
			    navigation: {
			        nextEl: '.swiper-button-next',
			        prevEl: '.swiper-button-prev',
			    },
			    lazy: true, 
			})
		}else{//手机端
			var mySwiper=new Swiper(".index-card-swiper",{
				slidesPerView : 1,
				loop:true,  
			    navigation: {
			        nextEl: '.swiper-button-next',
			        prevEl: '.swiper-button-prev',
			    },
			    lazy: true,  
			})
		}
	},
	swiperDetailPageTopImg:function(){
		var mySwiper = new Swiper('.detailTopBanner',{
			slidesPerView : 'auto',
			loop:true,
            loopAdditionalSlides:2,
		    navigation: {
		        nextEl: '.swiper-button-next',
		        prevEl: '.swiper-button-prev',
		    },
        })
		/* if(scrWidth > 500){    //电脑端
			$('.detailTopBanner').flexslider({
				directionNav: true,             // Boolean: 是否创建上/下一个按钮（previous/next） 
				controlNav: false,               // Boolean: 是否创建控制点  
				slideshowSpeed: 3000,           // Integer: ms 滚动间隔时间
				animationSpeed: 600,            // Integer: ms 动画滚动速度   
	            minItems: 3,                    // Integer: 最少显示 slide 数, 与 `itemWidth` 相关
	            maxItems: 3,                    // Integer: 最多显示 slide 数, 与 `itemWidth` 相关
	            itemWidth: 200,                   // Integer: slide 宽度，多个同时滚动时设置
	            animationLoop: true,            // Boolean: 是否循环播放        
	            move: 1,                        // Integer: 一次滚动移动的 slide 数量，0 - 滚动可见的 slide
	            slideshow: false,                // Boolean: 是否自动播放
			});  
			var mySwiper = new Swiper('.detailTopBanner',{
				slidesPerView : 'auto',
				loop:true,
			    navigation: {
			        nextEl: '.swiper-button-next',
			        prevEl: '.swiper-button-prev',
			    },
	        })
		}else{    //手机端 
			$('.detailTopBanner').flexslider({
				directionNav: true,             // Boolean: 是否创建上/下一个按钮（previous/next） 
				controlNav: false,               // Boolean: 是否创建控制点  
				slideshowSpeed: 3000,           // Integer: ms 滚动间隔时间
				animationSpeed: 600,            // Integer: ms 动画滚动速度   
	            minItems: 1,                    // Integer: 最少显示 slide 数, 与 `itemWidth` 相关
	            maxItems: 1,                    // Integer: 最多显示 slide 数, 与 `itemWidth` 相关
	            itemWidth: 200,                   // Integer: slide 宽度，多个同时滚动时设置
	            animationLoop: true,            // Boolean: 是否循环播放        
	            move: 1,                        // Integer: 一次滚动移动的 slide 数量，0 - 滚动可见的 slide
	            slideshow: false,                // Boolean: 是否自动播放
			});     
		}  */
	},      
	swiperDetailPagePostImg:function(){
		if(scrWidth > 500){    //电脑端
			$('.detailPostBanner').flexslider({
				directionNav: true,             // Boolean: 是否创建上/下一个按钮（previous/next） 
				controlNav: false,               // Boolean: 是否创建控制点  
				slideshowSpeed: 0,           // Integer: ms 滚动间隔时间
				animationSpeed: 600,            // Integer: ms 动画滚动速度   
	            minItems: 5,                    // Integer: 最少显示 slide 数, 与 `itemWidth` 相关
	            maxItems: 5,                    // Integer: 最多显示 slide 数, 与 `itemWidth` 相关
	            itemWidth: 200,                    // Integer: slide 宽度，多个同时滚动时设置
	            animationLoop: true,            // Boolean: 是否循环播放      
	            itemMargin: 15,                  // Integer: slide 间距
	            slideshow: false,                // Boolean: 是否自动播放
			}); 
		}else{    //手机端 
			/* $('.detailPostBanner').flexslider({ 
				directionNav: true,             // Boolean: 是否创建上/下一个按钮（previous/next） 
				controlNav: false,               // Boolean: 是否创建控制点  
				slideshowSpeed: 0,           // Integer: ms 滚动间隔时间
				animationSpeed: 600,            // Integer: ms 动画滚动速度   
	            minItems: 1,                    // Integer: 最少显示 slide 数, 与 `itemWidth` 相关
	            maxItems: 1,                    // Integer: 最多显示 slide 数, 与 `itemWidth` 相关
	            itemWidth: 200,                    // Integer: slide 宽度，多个同时滚动时设置
	            animationLoop: true,            // Boolean: 是否循环播放      
	            itemMargin: 0,                  // Integer: slide 间距
	            slideshow: false,                // Boolean: 是否自动播放
			});   */
			var mySwiper = new Swiper('.detailTopBanner',{
				slidesPerView : 'auto',
				loop:true,
			    navigation: {
			        nextEl: '.swiper-button-next',
			        prevEl: '.swiper-button-prev',
			    },
	        })
		}   
	},
	
}          
</script>
</html>